<#assign module="order"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/datetimepicker.css">
</@override>
<@override name="body">

<div class="tabbable tabs-left">
	<div class="row">
		<div class="col-xs-12">
			<div class="orders-navt">
				<ul class="orders-nav">
	                <@daijia>
	                	<@shiro.hasPermission name='orderrealtime'>
	                	<li class="orders-notclick"><a href="${ctx}/order/realtime">时效</a></li>
	                </@shiro.hasPermission>
		                <@shiro.hasPermission name='order'>
		                	<li class="orders-notclick"><a href="${ctx}/order/daijialist">代驾</a></li>
		                </@shiro.hasPermission>
	                </@daijia>
	                <@zhuan>
		                <@shiro.hasPermission name='zhuan'>
		                	<li class="orders-notclick"><a href="${ctx}/zhuanche/orderlist">专车</a></li>
		                </@shiro.hasPermission>
	                </@zhuan>
	                <@pao>
		                <@shiro.hasPermission name='errand'>
		                	<li class="orders-notclick"><a href="${ctx}/errand/up/errandList" >跑腿</a></li>
		                </@shiro.hasPermission>
	                </@pao>
	                <@freight>
		                <@shiro.hasPermission name='freight'>
			                <li class="orders-notclick"><a href="${ctx}/freight/freightList" >货运</a></li>
			            </@shiro.hasPermission>
		            </@freight>
		            <@zhuanxian>
		                	<@shiro.hasPermission name='zhuanxian'>
			                	<li class="orders-notclick" style="width:100px;"><a href="${ctx}/zhuanxian/orderList" >快车</a></li>
			                </@shiro.hasPermission>
	                </@zhuanxian>
	                <li class="orders-click"><a href="${ctx}/driverrefuserecord/list">拒单</a></li>
	            </ul>
			</div>
		</div>
		<div class="col-xs-1">
		</div>
	</div>
</div>

<div class="tab-content">
	<div class="container-fluid ">
  		<div class="row query-pad">
  			<div class="col-xs-10" style="padding: 0px;">
      			<div class="col-xs-4 input-query">
        			<span>订单编号：</span>
        			<input type="text" class="form-control form-contb" id="orderNumber" name="orderNumber" placeholder="请输入订单编号"/>
        		</div>
        		<div class="col-xs-4 input-query">
        			<span>服务人员：</span>
        			<input type="text" class="form-control form-contb" id="driverPhone" name="driverPhone" placeholder="请输入服务人员电话、姓名"/>
        		</div>
    		</div>
    		<div class="col-xs-2"style="padding: 0px;">
    				<div class="input-query-bttom " >
	    				<button  id="export_button" style="margin-left:10px;" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i>导出</button>
	        		</div>
	        		<div class="input-query-bttom " >
	    				<button  id="searchButton"  type="button">查询</button>
	        		</div>
    		</div>
  		</div>
  		
  		<div class="choose" style="display: none;">
  			<div class="col-xs-12" style="padding: 0px;">
  				<div class="col-xs-11" style="padding: 5px;">
	            	<div class="col-xs-8 input-query" style="text-align: center;">
	        			<span>下单时间：</span>
	        			<input type="text" class="form-control form-conthtl" id="startTime" name="startTime"  placeholder="请输入拒单起始时间"/>
	        			<span style="width:5%">到</span>
	        			<input type="text" class="form-control form-conthtl" id="endTime" name="endTime"  placeholder="请输入拒单结束时间"/>
	            	</div>
            	</div>
  			</div>
  			
        	<div class="col-xs-12" style="padding:5px; line-height:3;">
  				<div class="media-wit melect">
					<span>拒单类型：</span>
					<@daijia>
					<@shiro.hasPermission name='order'>
					    <input type="checkbox" name="orderType" value="daijia">
					    <span class="checkbox-margin">代驾 </span>
				    </@shiro.hasPermission>
				    </@daijia>
				    <@zhuan>
				    	<@shiro.hasPermission name='zhuan'>
						    <input type="checkbox" name="orderType" value="zhuanche">
						    <span class="checkbox-margin">专车</span>
				    	</@shiro.hasPermission>
	                </@zhuan>
	                <@pao>
				    	<@shiro.hasPermission name='errand'>
						    <input type="checkbox" name="orderType" value="paotui">
						    <span class="checkbox-margin">跑腿</span>
				    	</@shiro.hasPermission>
	                </@pao>
	                <@freight>
				    	<@shiro.hasPermission name='freight'>
						    <input type="checkbox" name="orderType" value="freight">
						    <span class="checkbox-margin">货运</span>
				    	</@shiro.hasPermission>
	               	</@freight>
	                <@zhuanxian>
				    	<@shiro.hasPermission name='zhuanxian'>
						    <input type="checkbox" name="orderType" value="zhuanxian">
						    <span class="checkbox-margin">快车</span>
				    	</@shiro.hasPermission>
	               	</@zhuanxian>
  				</div>
			</div>
  		</div>
  		<div class="query-jiant">
			<a href="#"><img id="jiant" src="${ctx}/assets/img/jiant2.png" /></a>          			
  		</div>
  	</div>
</div>  

<!--列表-->
<div class="tabta-content">  	
	<table class="table table-condensed table-striped">
		<tbody>
			<tr>
				<th style='min-width:80px;'>单号</th>
				<th style='min-width:100px;'>拒单时间</th>
				<th style='min-width:120px;'>服务人员</th>
				<th style='min-width:120px;'>服务人员电话</th>
				<th style='min-width:80px;'>类型</th>
				<th style='min-width:300px;'>备注</th>
			</tr>
		</tbody>
	</table>
	<br>
	<div style="text-align:center" id="NoData"></div>
	</br>
	<ul class="pagination pull-left pagination-sm pageshow" style="display:none;">
		<li><a></a></li>
	</ul>
	<ul class="pagination pull-left pagination-sm pagedata" style="display:none;">
    </ul>
</div>
<!--列表-->

</@override>

<@override name="footer">
	<script type="text/javascript">
		window.daijia = {
			ctx:'${ctx}',
			userId:'<@shiro.principal property='id'/>'
		};
		var mainCompany=false;
		<@shiro.isMainCompany>
			mainCompany=true;
		</@shiro.isMainCompany>
		var dj=false;
		var zhuan=false;
		var pao=false;
		var freight=false;
	    var zhuanxian = false;
		<@daijia>
			dj=true;
		</@daijia>
		<@zhuan>
		   zhuan=true;
		</@zhuan>
		<@pao>
			pao=true;
		</@pao>
		<@freight>
		   freight=true;
		</@freight>
		<@zhuanxian>
		   zhuanxian=true;
		</@zhuanxian>
	</script>
	<script src="${ctx}/assets/js/datepicker.js"></script>
	<script src="${ctx}/assets/js/jquery.paging.min.js"></script>
	<script src="${ctx}/assets/js/bootstrap-datetimepicker.min.js"></script>
	<script src="${ctx}/assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="${ctx}/assets/js/pushmessage.js"></script>
	<script src="${ctx}/assets/js/driverrefuserecord/list.js"></script>
</@override>
<@extends name="../layout.ftl"/>
